<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
		"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<title>后台管理 - 易买网</title>
	<link type="text/css" rel="stylesheet" href="../css/style.css"/>
	<script type="text/javascript" src="../scripts/jquery-1.8.3.min.js"></script>
	<script type="text/javascript" src="../scripts/function.js"></script>
	<!-- 后期引入   -->
	<script type="text/javascript" src="../plugins/axios/axios.min.js"></script>
	<script type="text/javascript" src="../scripts/request.js"></script>
	<link rel="stylesheet" href="../plugins/element-ui/element-ui.css">
	<style type="text/css">
		.el-textarea span {
			display: block !important;
			margin-right: 170px;
			background: rgba(0, 0, 0, 0) !important;
		}
	</style>
</head>
<body>
<div id="app">
	<div id="header" class="wrap">
		<div id="logo"><img src="../images/logo.gif"/></div>
		<div class="help"><a href="../index.html">返回前台页面</a></div>
		<div class="navbar">
			<ul class="clearfix">
				<li><a href="index.html">首页</a></li>
				<li><a href="user.html">用户</a></li>
				<li><a href="product.html">商品</a></li>
				<li><a href="order.html">订单</a></li>
				<li><a href="guestbook.html">留言</a></li>
				<li class="current"><a href="news.html">新闻</a></li>
			</ul>
		</div>
	</div>
	<div id="childNav">
		<div class="welcome wrap">
			管理员{{ userId }}您好，今天是{{ time }}，欢迎回到管理后台。
		</div>
	</div>
	<div id="position" class="wrap">
		您现在的位置：<a href="index.html">易买网</a> &gt; 管理后台
	</div>
	<div id="main" class="wrap">
		<div id="menu-mng" class="lefter">
			<div class="box">
				<dl>
					<dt>用户管理</dt>
					<dd><a href="user.html">用户管理</a></dd>
					<dt>商品信息</dt>
					<dd><em><a href="productClass-add.html">新增</a></em><a href="productClass.html">分类管理</a></dd>
					<dd><em><a href="product-add.html">新增</a></em><a href="product.html">商品管理</a></dd>
					<dt>订单管理</dt>
					<dd><a href="order.html">订单管理</a></dd>
					<dt>留言管理</dt>
					<dd><a href="guestbook.html">留言管理</a></dd>
					<dt>新闻管理</dt>
					<dd><em><a href="news-add.html">新增</a></em><a href="news.html">新闻管理</a></dd>
				</dl>
			</div>
		</div>
		<div class="main">
			<h2 style="cursor: pointer" onclick="window.location.href='news.html'">添加新闻</h2>
			<div class="manage">
				<form id="newsAdd" action="#">
					<table class="form">
						<tr>
							<td class="field">新闻标题：</td>
							<td><input type="text" class="text" name="title" v-model="news.title"/><span></span></td>
						</tr>
						<tr>
							<td class="field">新闻内容：</td>
							<td><el-input
									type="textarea"
									placeholder="请输入内容"
									v-model="news.content"
									maxlength="600"
									show-word-limit
							>
							</el-input>
								<span></span>
							</td>
						</tr>
						<tr>
							<td></td>
							<td><label class="ui-blue">
								<input type="submit" name="submit" @click.prevent="addNews" value="添加"/>
							</label>
							</td>
						</tr>
					</table>
				</form>
			</div>
		</div>
		<div class="clear"></div>

	</div>
	<div id="footer">
		Copyright &copy; 2013 北大青鸟 All Rights Reserved. 京ICP证1000001号
	</div>
</div>
<script type="text/javascript" src="../plugins/vue/vue.js"></script>
<script type="text/javascript" src="../api/common.js"></script>
<script type="text/javascript" src="../api/news.js"></script>
<script type="text/javascript" src="../plugins/element-ui/element-ui.js"></script>
<script type="text/javascript">
	axios.get("/user/getStatus")
	const userInfo = JSON.parse(localStorage.getItem("userInfo"));
	const app = new Vue({
		el: '#app',
		data: {
			loading: false,
			userId: getUserInfo().userId,
			time: getFormattedDate(),
			news: {},
			user: userInfo,
		},
		async mounted() {
		},
		methods: {
			async addNews() {
				this.news.userId = this.user.id
				this.news.userName = this.user.userId
				const resp = await addNewsApi(this.news)
				if (resp.code === 1) {
					this.$message({
						message: '添加成功',
						type: 'success'
					});
					setTimeout(() => {
						window.location.href = 'news.html';
					}, 1000);
				} else {
					this.$message.error('添加失败，请重新尝试');
				}
			}
		}
	})
</script>
</body>
</html>
